<template>
  <div>
    <!-- 搜索 -->
    <div class="searchs">
    <van-icon name="user-o" class="user"/> 
    <van-search v-model="value" placeholder="请输入搜索关键词" class="search"/>
     <van-icon name="cart-o" class="cart"/> 
     </div>
    <!-- 标签 -->
    <van-tabs>
      <van-tab v-for="(item,index) in msg" 
      :title="item" 
      :key="index"
      class="tabs"
      @click="childFn"
      >
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import { getGoodsList } from '../api/goods';

export default {
    data() {
      return {
        msg:['推荐','海外','女士','男士','美妆','家居','婴童','即将上新'],
      }
    },

    //  async created () {//获取导航栏数据
    //   console.log(1)
    //   let res = await getGoodsList()
    //   this.list = res.data.lists
      
    //   console.log(res);
    // },
};
</script>

<style  scoped>
.searchs{
  display: flex;
  justify-content: space-around;
  align-items : center;
  margin-top: 10px;
}
.user{
 font-size: 24px;
}
.cart{
font-size: 24px;
}
</style>